<!DOCTYPE html>
<html data-wf-domain="" data-wf-page="601a7126493db80fb3c1445f" data-wf-site="5fa25266badbdb239c79ef86">
<head>
	<meta charset="utf-8">
	<title>Home</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<link rel="stylesheet" href="css/css.css">
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
</head>
<body>
	<div class="header font">
		<div class="logo ">XUCHEN JIANG</div>
		<div class="nav">
			<ul>
				<li class="on"><a href="#">Work <span></span></a></li>
				<li><a href="#">Creative <span></span></a></li>
				<li><a href="#">About <span></span></a></li>
			</ul>
		</div>
	</div>

	<div class="banner font">
		<h1>HELLO,I'M MAGGIE.</h1>
		<h1>I'M A DESIGNER 👋</h1>
		<p>Based in Bay Area.USA.</p>
		<p>I staying open-minded and in order provide joyful experiences.</p>
	</div>

	<div class="menu font">
		<div class="item_left"><a href="#">→ SEE MY WORKS</a></div>
		<div class="item_right">
			<ul>
				<li><a href="#">Resume</a></li>
				<li><a href="#">Email</a></li>
				<li><a href="#">Behance</a></li>
				<li><a href="#">Linkedin</a></li>
				<li><a href="#">Dribbble</a></li>
			</ul>
		</div>
	</div>

	<div class="kjtd">
		<ul>
			<li><a href="#"><img src="img/icon_01.png" alt=""><p>Product Design</p></a></li>
			<li><a href="#"><img src="img/icon_02.png" alt=""><p>UX Design</p></a></li>
			<li><a href="#"><img src="img/icon_03.png" alt=""><p>Interaction Design</p></a></li>
			<li><a href="#"><img src="img/icon_04.png" alt=""><p>Development</p></a></li>
			<li><a href="#"><img src="img/icon_05.png" alt=""><p>Pattern Design</p></a></li>
		</ul>
	</div>

	<div class="pics font" >
		<h2>LATEST PROJECTS</h2>
		<ul>
			<li><a href="#"><img src="img/img_03.jpg" alt=""><div class="show"><h3>Natural Ink</h3><p> App Development | Motion Graphic | Design Strategy | User Research | Branding Design</p></div></a></li>
			<li><a href="#"><img src="img/img_02.jpg" alt=""><div class="show"><h3>Try Mingo</h3><p>UI / UX Design | Design Strategy | User Research | Branding Design</p></div></a></li>
			<li><a href="#"><img src="img/img_06.jpg" alt=""><div class="show"><h3>Glow </h3><p>UI / UX Design | Design Strategy | User Research | Branding Design</p></div></a></li>
			<li><a href="#"><img src="img/img_01.jpg" alt=""><div class="show"><h3>AURORA APP</h3><p>Branding,UI,UX Website Design,Motion</p></div></a></li>
			<li><a href="#"><img src="img/img_05.jpg" alt=""><div class="show"><h3>Eat Fresh</h3><p>Branding | UI / UX design | Design Strategy | Website development</p></div></a></li>
			<li><a href="#"><img src="img/img_04.jpg" alt=""><div class="show"><h3>Eat Fresh</h3><p>Branding | UI / UX design | Design Strategy | Website development</p></div></a></li>

		</ul>
	</div>

	<div class="footer">
		<div class="box">
			<div class="f_left">
				<h2>CONTACT</h2>
				<div class="text">
					Got a projectinmind？ Let’s work together!<br/>
					I’m glad to answer any quertions onsocial networks.
				</div>
				<p>COPYRIGHT ©2021 MAGGIE</p>
			</div>

			<div class="f_right">
				<div class="item"><p>Email</p><h2>JXCMAGGIE@GMAIL.COM</h2></div>
				<div class="item"><p>Tel</p><h2>+14155193383</h2></div>
				<div class="item">
					<p>Find me</p>
					<ul>
						<li><a href="#">Resume</a></li>
						<li><a href="#">Resume</a></li>
						<li><a href="#">Linkedin</a></li>
						<li><a href="#">Dribble</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="gradient-container">
		<img src="img/bg_01.png" loading="lazy" data-w-id="db77e182-a57f-daec-b666-69bb40b4360f" sizes="100vw" srcset="img/bg_01.png 500w, img/bg_01.png 800w, img/bg_01.png 1122w" alt="" class="gradient-animation" />
	</div>

	<script src="js/jquery.js"></script>
	<script src="js/webflow.js"></script>
</body>
</html>
